<template>
	<view class="content">
		<view class="main">

			<view class="list">
				<view class="detail" v-for="(item,index) in  list" :key="index"
					@tap="nextPage(`/pages/employInformation/employInformation?id=${item.id}`)">
					<view>
						<image :src="$isHttp(item.resumePic)" mode=""></image>
					</view>
					<view class="detailRight">
						<view class="name">
							<text>{{item.resumeName}}</text><text class="position"
								v-if="item.txtResumeMajor">{{item.txtResumeMajor}}</text>
						</view>
						<view class="work">
							<text>工作经验：</text><text class="time">{{item.txtResumeExperience}}</text>
							<text>学历：</text><text class="education">{{item.txtResumeEducation}}</text>
						</view>
						<view class="professional">
							<text>专业：</text><text class="professionalName">{{item.txtResumeMajor}}</text>
						</view>
						<view class="school">
							<text>学校：</text><text class="schoolName">{{item.txtUniversity}}</text>
						</view>
						<view class="about u-line-1">
							<text class="u-line-1">
								<u-parse :html="item.resumeDesc"></u-parse>
							</text>
						</view>
					</view>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {

		props: {
			list: {
				type: Array,
				default: []
			}
		},
		data() {
			return {

			}
		},

		onLoad() {

		},
		methods: {

			//跳转列表对应页面
			nextPage(url) {
				uni.navigateTo({
					url: url,
					fail() {
						uni.switchTab({
							url: url,
							fail() {
								uni.showToast({
									title: '暂未开通，敬请期待！',
									icon: 'none'
								});
							}
						});
					}
				});
			},

		}
	}
</script>

<style lang="scss" scoped>
	.content {
		padding: 0 25rpx;

		.list {
			padding: 10rpx 30rpx 30rpx 30rpx;
			background: #FFFFFF;
			background: #FFFFFF;
			box-shadow: 0 13rpx 57rpx 0 rgba(207, 215, 222, 0.32);
			border-radius: 10rpx;

			.detail {
				padding: 25rpx 0;
				border-bottom: #EFEFEF 2rpx solid;
				display: flex;
				align-items: center;

				image {
					width: 170rpx;
					height: 210rpx;
					border-radius: 10rpx;
				}

				.detailRight {
					margin-left: 30rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #969799;
					width: 60%;

					.name {
						margin-bottom: 10rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #323233;

						.position {
							margin-left: 20rpx;
							padding: 0 8rpx;
							background: #F19868;
							border-radius: 11rpx;
							font-size: 24rpx;
							color: #FFFFFF;
						}
					}

					.work {
						margin-bottom: 8rpx;

						.time {
							margin-right: 50rpx;
							color: #323233;
						}

						.education {
							color: #323233;
						}
					}

					.professional {
						margin-bottom: 8rpx;

						.professionalName {
							color: #323233;
						}
					}

					.school {
						margin-bottom: 8rpx;

						.schoolName {
							color: #323233;
						}
					}

					.about {}
				}
			}
		}
	}
</style>
